<HTML>

<HEAD><TITLE>Select A Color</TITLE></HEAD>


<STYLE TYPE="text/css">
BODY   {margin-left:10; font-family:Verdana; font-size:12; background:threedface}
INPUT {border : thin solid #F8F8FF;background-color:#F4F4F4;}
P{text-align:center}
TABLE  {cursor:hand}
</STYLE>

<BODY  text="#000000" topmargin="10" leftmargin="4">
<table width="100%" border="1" bordercolor="#000000" cellpadding="0" cellspacing="0">
<td>
<script language="JavaScript">
var NColor;


function showT(color){

   NColor = '#'+color;
   tbl.style.backgroundColor = NColor;
   txtpreview.value = NColor;
}


function SetColor(){
  window.returnValue = NColor;
  window.close();
}

var codes = new Array("FF", "CC", "99", "66", "33", "00");
var gif = new Image();
gif.src = "";
var imgWidth = 30;
var imgHeight = 20;
if(screen.width > 100)
{	imgWidth = 30; imgHeight = 20; }
var ctr=1;
document.write("<table width=100% border=0 bordercolor=#000000  cellpadding=0 cellspaccing=0><tr><td><TABLE border=0 cellspaccing=0 cellpadding=0 bgcolor=#FFFFFF><TBODY><TR>")

for(var r=0; r<codes.length; ++r)
	for(var g=0; g<codes.length; ++g)
		for(var b=0; b<codes.length; ++b)
		{
			if(ctr > 36)
			{ 	
				document.write ("</TR><TR>");
				ctr=1;
			}
			var hexCode1 = "#" + codes[r] + codes[g] + codes[b];
			var hexCode2 = codes[r] + codes[g] + codes[b];
			document.write("<TD width="+imgWidth+" height="+imgHeight+"  bgColor=" + hexCode1 + "  onclick=\"showT('"+hexCode2+"')\"><A href=\"#\"></A></TD>");
			ctr = ctr+1;
		}
document.write("</TR></TBODY></TABLE></td></tr></table>")

</script>
</td>
  </tr>
</table>

<P>

<table width="100%" border="0">
  <tr> 
    <td width="23%" align="right"><b><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Preview:</font><font color="#006699" size="2" face="Verdana, Arial, Helvetica, sans-serif"> 
      </font></b></td>
    <td align="center" width="5%"> 
      <table width=30 border=1 cellspacing=0 cellpadding=0 bordercolor="#F8F8FF">
        <tr> 
          <td id=tbl width=20% height=20 bgcolor="#c0c0c0">&nbsp;</td>
      </table>
     
    </td>
        
    <td width="23%" align="left"> 
<input name="txtpreview" type="text" id="txtpreview" size="7"> </td>
	
	<td align="center" width="45%"> <input type=SUBMIT id=Ok value="     OK    " onClick="javascript:return SetColor();" name="SUBMIT"> 
      &nbsp; <input type=BUTTON id=Cancel onClick="window.close();" value="  Cancel  " name="BUTTON"> 
    </td>
  </tr>
</table>
</BODY>

</HTML>

